@import base.sass
@import blueprint
@import blueprint/modules/scaffolding
@import compass/utilities/lists/bullets.sass
@import compass/utilities/lists/inline_list.sass
@import compass/utilities/links/hover_link.sass

+blueprint
+blueprint-scaffolding

// Global
body
  :background transparent url(../img/background.gif) repeat-x scroll left top

ul, ol
  :margin 0 1.5em 1.5em 0
  :padding-left 3.333em

a
  +hover-link

// Header
#header
  .top-navigation
    :float right
    img
      border: 0
    .link
      :padding-left 1.5em
    .sitemap
      :background transparent url(../img/sitemap.png) no-repeat scroll left center
    .feeds
      :background transparent url(../img/rss.png) no-repeat scroll left center

// Content
#content
  h1, h2, h3
    :margin-top 0

// Sidebar
#sidebar
  div:first-child 
    h3
      :margin-top 0
  h3
    :background-color = !box_color
    :padding 0.5em

  .calendar
    h3
      :margin-bottom 0
    .month-navigation
      :padding-bottom 1.5em
      .month-previous
        :float left
      .month-next
        :float right

  .tags 
    ul
      +inline-list
      +no-bullets
      +tag-cloud(1.5em)

// Calendar
table.month
  +calendar(!link_color, !box_color, !box_font_color)

// Pagination
div.paginator
  :margin-bottom 1.5em
  span
    :font-size 1.5em
    :margin-left 0.3em
    :padding 0 0.5em 0 0.5em
    :float left
    :border = 1px "solid" !box_color
    &.page, &.next, &.previous
      &:hover
        :background-color = !link_color
        a
          :color white
    &.current
      :border-color = !link_color
      :background-color = !link_color
      :color white


// Entry
.entry
  +entry
  .entryHeader
    :background-color = !box_color
  .entryFooter
    p    
      strong
        :color = !box_font_color

// Comments
ol#commentList
  li
    float: left